<style>
    table {
        width:100%;
        margin:15px 0;
        border:0;

    }
    th, td {height:25px;line-height:25px;text-align:center;border:1px solid #ccc;}
    th {font-size:16px;}

    #table-1 thead, #table-1 tr {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(230, 189, 189);
    }
    #table-1 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(230, 189, 189);
    }

    #table-1 td, #table-1 th {
        padding: 5px 10px;
        /*font-size: 12px;*/
        font-family: Verdana;
        color: #337ab7;
    }

    #table-1 th {
        background: #00c0ef4a
    }

</style>
<div class="form-group"  style=" background:url({{ env('APP_URL') .'/' }}home_bj.jpg) no-repeat;background-size:100% 100%;">
    <div style="padding: 3px 2px 0px; margin: 5px auto 0px; font-size: 16px;text-align: center">
        <span style="font-weight:600">学期： </span> {{ $studentData['semester'] }} &nbsp;&nbsp;&nbsp;&nbsp;
        <span style="font-weight:600">班级： </span> {{ $studentData['class'] }}&nbsp;&nbsp;&nbsp;&nbsp;
        <span style="font-weight:600">学号： </span> {{ $studentData['student_id'] }}&nbsp;&nbsp;&nbsp;&nbsp;
        <span style="font-weight:600">姓名： </span> {{ $studentData['name'] }}&nbsp;&nbsp;&nbsp;&nbsp;
        <span style="font-weight:600">座位号：</span> {{ $studentData['seat'] }}&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-4" style="text-align: center">
            <span style="color: #337ab7;font-weight: 400">各维度得分比雷达图</span>
            <canvas id="teacherChart" width="60" height="60"></canvas>
        </div>
        <div class="col-md-6" style="text-align: center">
            <span style="color: #337ab7;font-weight: 400">维度得分表</span>
            <table id="table-1">
                <tr>
                    <th>维度</th>
                    <th>权重</th>
                    <th>维度总分</th>
                    <th>教师评分</th>
                    <th>小组评分</th>
                    <th>自我评分</th>
                    <th>加权得分</th>
                    <th>等级</th>
                    {{--<td></td>--}}
                </tr>
                @foreach($veidoo_result as $veidoo)
                    <tr>
                        <td>{{ $veidoo['name'] }}</td>
                        <td>{{ $veidoo['weight'] * 100 . '%' }}</td>
                        <td>{{ $veidoo['total'] }}</td>
                        <td>{{ $veidoo['teacher'] }}</td>
                        <td>{{ $veidoo['group'] }}</td>
                        <td>{{ $veidoo['student'] }}</td>
                        <td>{{ $veidoo['mean'] }}</td>
                        <td>{{ $veidoo['grade'] }}</td>
                    </tr>
                @endforeach
                <tr>
                    <th colspan="5">评语</th>
                    <th colspan="4">最终结果</th>
                </tr>
                <tr>
                    <td>教师评语</td>
                    <td colspan="4" style="text-align: left">{{ $comment_arr[1] }}</td>
                    <td>总得分</td>
                    <td colspan="3">等级</td>
                </tr>
                <tr>
                    <td>小组评语</td>
                    <td colspan="4" style="text-align: left">{{ $comment_arr[2] }}</td>
                    <td rowspan="2"><span style="font-size: 15px;">{{ $studentData['final_score'] }}</span></td>
                    <td rowspan="2" colspan="3" style="color: {{ $studentData['grade_color'] }}; font-size: 28px; font-weight: 600; font-style: italic ">{{ $studentData['final_grade'] }}</td>
                </tr>
                <tr>
                    <td>自我评语</td>
                    <td colspan="4" style="text-align: left">{{ $comment_arr[3] }}</td>
                </tr>
            </table>
        </div>
        <div class="col-md-1"></div>
    </div>
    <div style="padding: 3px 2px 0px; margin: 5px auto 0px; font-size: 16px;text-align: center">
        <span style=" font-size: 13px;">*综合评价教师评分、小组评分比重各位40%，自评比重20%</span>
    </div>
</div>
<script>
    $(function () {
        var ctx = document.getElementById("teacherChart").getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'radar',
            data:{
                labels: [{!! $chart_data['labels'] !!}],
                    datasets: [
                    {
                        label: '{{ $studentData['name'] }}',
                        data: [{{ $chart_data['data'] }}],
                        backgroundColor: 'rgba(88, 126, 183, 0.5)'
                    }
                ]
            },
            options: {
            scale:{
                ticks:{
                    suggestedMin:0,
                    suggestedMax:100,
                    stepSize:10
                }
            }
        }
        });
    });
</script>